<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <title><%= html_title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%= stylesheet_link_tag "application", :media => "all" %>
  </head>
  <body>
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <%= link_to "Zeropaste", root_path, :class => "navbar-brand" %>
        </div>

        <div class="collapse navbar-collapse" id="navbar-menu">
          <ul class="nav navbar-nav navbar-right">
            <li>
              <%= link_to t(".about"), "#",
                  :data => { :toggle => "modal",
                  :target => "#modal-about" }
              %>
            </li>
            <li>
              <a href="https://bitbucket.org/nanaya1/zeropaste"><%= t(".source") %></a>
            </li>
            <li>
              <%= link_to t(".donate"),
                  "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=me%40myconan%2enet&lc=ID&item_name=Zeropaste%20development&currency_code=USD&bn=PP%2dDonationsBF%3abtn_subscribe_LG%2egif%3aNonHosted"
              %>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="container">
      <div class="row"><div class="col-xs-12">
        <h1 class="h2 zp-header page-header"><%= content_for :title %></h1>
      </div></div>

      <%= render "layouts/alerts" %>

      <%= yield %>

    </div>

    <div class="modal fade" id="modal-about" tabindex="-1" role="dialog" aria-labelledby="about-modal-label">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title" id="about-modal-label"><%= t(".about") %></h4>
          </div>

          <div class="modal-body">
            <%= render "layouts/about" %>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              <%= t("buttons.close") %>
            </button>
          </div>
        </div>
      </div>
    </div>

    <%= javascript_include_tag "application" %>
  </body>
</html>
